<template>
    <div class="hot-review">
        <div class="reviewMould">
            <h3 class="headMouldIns">热门评论</h3>
            <div class="reviewBoxs">
                <ul>
                    <li class="reviewLis clearfix" v-for="hotLis in hotReviewLis" :key="hotLis.id">
                        <a class="lisTitle" href="javascript:;">{{hotLis.fromArtical}}</a>
                        <span class="lisText">"{{hotLis.cont}}"</span>
                        <span class="lisTime">评论时间：{{hotLis.time}}</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
/* 热门评论(统一组件) */
export default {
  name: 'hotReview',
  data: function () {
      return {
          hotReviewLis: ''
      }
  },
  mounted () {
    this.$ajax.get('https://www.easy-mock.com/mock/5a93ac92bf782667fe4c7a32/followTest/hotReview').then(response => {
        // success callback
        this.hotReviewLis = response.data.data.datas
    }, response => {
        // error callback
        alert('数据加载失败...')
    })
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
</style>
